/**
 * Stylesheet dedicated to the structure of the forms contained in the gallery category. 
 * These style classes define the skeleton of the components and include CSS properties such as margin, 
 * padding, display type, dimensions and positioning. This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Form inside the dialog used to add a comment */
.addACommentForm{
	text-align: center;
}

/* Divs of the Form inside the dialog used to add a comment */
.addACommentForm>div{
	margin-top: 8px;
}

/* Textareas of the Form inside the dialog used to add a comment */
.addACommentForm>textarea{
	width: 384px;
}

/* Assessments form */
.assessmentsFormTable {
	border-spacing: 0;
	width: 100%;
}

/* Comments panel in an assessments form */
.assessmentsFormTable .commentsPanel{
	margin-right: 6px;
}

/* First cell in the single row of an assessments form */
.assessmentsFormTable>div[class*="formRow"]>span[class *="formCell"]:first-child {
	width: 55%;
}

/* Cells in the single row of an assessments form */
.assessmentsFormTable>div[class*="formRow"]>span[class *="formCell"] {
	vertical-align: top;
}

/* First panel in an assessments form */
.assessmentsFormTable>div[class*="formRow"]>span[class *="formCell"]:first-child>div[class *="ui-panel"] {
	margin-right: 4px;
}

/* Ratings in an assessments form */
.assessmentsFormTable div[class*="marksRating"],
.assessmentsFormTable div[class*="readOnlyMarksRating"]{
	margin-left: 38%;
}

.assessmentsFormTable div[class*="marksRating"] {
	margin-bottom: 9%;
}

.assessmentsFormTable div[class*="readOnlyMarksRating"] {
	margin-bottom: 6%;
}

/* Panels in an assessments form */
.assessmentsFormTable div[class*="ui-panel ui-widget"] {
	margin-top: 4px;
}

/* Panel's content in an assessments form */
.assessmentsFormTable .ui-panel-content {
	text-align: center;
}

/* Mark's label in the panel's content in an assessments form */
.assessmentsFormTable .ui-panel-content .markLabel {
	margin: 6px 0 8px 0;
}

/* Messages in panel's content in an assessments form */
.assessmentsFormTable .ui-panel-content .ui-messages {
	text-align: left;
}

/* EXIF's on technical data sheets */
.tdsExifsForm {
	border-spacing: 14px 8px;
}

.tdsExifsForm .formCell>input[type="text"]{
	width: inherit;
}

/* Location details on technical data sheets */
.tdsLocationDetailsForm {
	margin-top: 34px;
}